<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
	
	<script type="text/javascript" src="${pageContext.request.contextPath}/static/js/jquery-1.8.3.min.js"></script>
	<script type="text/javascript">
$(function(){
	 mag();
	 setInterval("mag()",5000);
	$(".queryUser").click(function(){
		 $(".user").show();
	var obj=$(this);
	var id=obj.attr("userid");
	var myid=$("#myId");
	var myName=$("#myName");
	var myAddress=$("#myAddress");
	var mybirthday=$("#mybirthday");
	var path=$("#path").val();
    
	
	$.ajax({
		type:"GET",
		url:path+"/user/getUserByUserId",
		data:{userId:id},
		dataType:"json",
		success:function(data){
			myid.html("");
			myName.html("");
			myAddress.html("");
			mybirthday.html("");
		myid.html(data.id);
		myName.html(data.userName);
		myAddress.html(data.address);
		mybirthday.html(data.birthday);
		},
		error:function(data){
		}
	});
	
	
	});
	 
});

function mag(){
	  $(".user").hide();
}  


</script>
<%@include file="/jsp/common/head.jsp"%>
        <div class="right">
            <div class="location">
                <strong>你现在所在的位置是:</strong>
                <span >用户管理页面</span>
            </div>
            <div class="search">
           		<form method="post" action="${pageContext.request.contextPath}/user/userlist">
					<input name="method" value="query" class="input-text" type="hidden">
					 <span>用户名：</span>
					 <input name="queryUserName" class="input-text"	type="text" value="${queryUserName}">
					 
					 <span>用户角色：</span>
					 <select name="queryUserRole">
						<c:if test="${roleList != null }">
						   <option value="0">--请选择--</option>
						   <c:forEach var="role" items="${roleList}">
						   		<option <c:if test="${role.id == queryUserRole }">selected="selected"</c:if>
						   		value="${role.id}">${role.roleName}</option>
						   </c:forEach>
						</c:if>
	        		</select>
					 
					 <input type="hidden" name="pageIndex" value="1"/>
					 <input	value="查 询" type="submit" id="searchbutton">
					 <a href="${pageContext.request.contextPath}/user/useradd" >添加用户</a>
				</form>
            </div>
            <!--用户-->
            <table class="providerTable" cellpadding="0" cellspacing="0">
                <tr class="firstTr">
                    <th width="10%">用户编码</th>
                    <th width="20%">用户名称</th>
                    <th width="10%">性别</th>
                    <th width="10%">年龄</th>
                    <th width="10%">电话</th>
                    <th width="10%">用户角色</th>
                    <th width="30%">操作</th>
                </tr>
                   <c:forEach var="user" items="${userList}" varStatus="status">
					<tr>
						<td>
						<span>${user.userCode }</span>
						</td>
						<td>
						<span>${user.userName }</span>
						</td>
						<td>
							<span>
								<c:if test="${user.gender==1}">男</c:if>
								<c:if test="${user.gender==2}">女</c:if>
							</span>
						</td>
						<td>
						<span><%-- ${user.age} --%></span>
						</td>
						<td>
						<span>${user.phone}</span>
						</td>
						<td>
							<span>${user.myRoleName}</span>
						</td>
						<td>
						<span><img src="${pageContext.request.contextPath }/static/images/read.png" alt="查看" title="查看" class="queryUser" userid="${user.id}"/></span>
						<span><a class="modifyUser" href="javascript:;" userid=${user.id } username=${user.userName }><img src="${pageContext.request.contextPath }/static/images/xiugai.png" alt="修改" title="修改" /></a></span>
						<span><img src="${pageContext.request.contextPath }/static/images/schu.png" alt="删除" title="删除" class="deleteUser" userid=${user.id}  username=${user.userName}/></span>
						</td>
					</tr>
				</c:forEach>
			</table>
			<input type="hidden" id="totalPageCount" value="${totalPageCount}"/>
		  	<c:import url="rollpage.jsp">
	          	<c:param name="totalCount" value="${totalCount}"/>
	          	<c:param name="currentPageNo" value="${currentPageNo}"/>
	          	<c:param name="totalPageCount" value="${totalPageCount}"/>
          	</c:import>
            <div class="user" >
             <table border="1"   >
				<tr>
					<td>用户id:</td>
					<td id="myId"></td>
				</tr>
				
				<tr>
					<td>用户名:</td>
					<td id="myName"></td>
				</tr>
				
				<tr>
					<td>用户地址:</td>
					<td id="myAddress"></td>
					</tr>
					<tr>
					<td>用户生日:</td>
					<td id="mybirthday"></td>
					</tr>
			  </table>


            </div>
           
        </div>
    </section>

<!--点击删除按钮后弹出的页面-->
<div class="zhezhao"></div>
<div class="remove" id="removeUse">
    <div class="removerChid">
        <h2>提示</h2>
        <div class="removeMain">
            <p>你确定要删除该用户吗？</p>
            <span id="yes">确定</span>
            <span id="no">取消</span>
        </div>
    </div>
</div>
	
			
<%@include file="/jsp/common/foot.jsp" %>
<script type="text/javascript" src="${pageContext.request.contextPath }/static/js/userlist.js"></script>
